<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ES5 中的新增方法 ---- 字符串方法 </title>
    <!-- 
        trim() 方法会从一个字符串的两端删除空白字符。
        str.trim()
        trim() 方法并不影响原字符串本身，它返回的是一个新的字符串。
     -->
</head>
<body>
    <input type="text">
    <button>点击</button>
    <div></div>
</body>
<script>
    var str = ' an dy '
    console.log(str);
    // trim() 去除字符串两边的空格
    var str1 = str.trim()
    console.log(str1);
    var ipt = document.querySelector('input')
    var btn = document.querySelector('button')
    var div = document.querySelector('div')
    btn.onclick = function() {
        var str = ipt.value.trim()
        if(str === ''){
            alert('请输入内容')
        }else {
            console.log(str);
            console.log(str.length);
            div.innerHTML = str
            ipt.value =''
        }
    }

    
</script>
</html>